
@media (max-width:768px){
    .navbar-title{
        float:right;
    }
}
body{
	background:#dff0d8;
	padding-top:65px;
}

.list-group{
	background: #E7E7E7;
	padding-bottom:10px;
	}
.list-group-item-success{
	background: #E8E8E8;border:none;
	}
.list-group-item-info{
	width:80%;
	margin:10px;
	margin-left:10%;
	border-radius:30px;
	}
.navbar-inverse{
	background:#e7e7e7;
	border:1px solid #e7e7e7;
	}

button.answer{
	background-color:#ccc;
	}
button.remove{
	background-color:#ccc; 
	color:indianred;
	}
.navbar-title{
    margin-right:0;
    cursor:pointer;
}

.navbar-inverse .navbar-brand{
	color:#3c763d;
}
.navbar-inverse .navbar-text{
	color:#3c763d;
}
.navbar-login{
    margin-top:15px;
    margin-bottom:15px;
    color:#3c763d;
    font-size:18px;
    text-align:center;
    line-height:20px;
    cursor:pointer;
}
.normal{
    font-size:14px;
    margin-right:10px;
}

.textarea-font{
    position:relative;
}
.textarea-font textarea{
    padding-bottom:20px;
    font-size:16px;
}
.textarea-font span{
    position:absolute;
    right:20px;
    bottom:20px;
}

#user img{
    width:30px;
    height:30px;
    border-radius:50%;
    margin-top:-5px;
    margin-right:10px;
}


.list-relative{
    position:relative;
}
.list-header{
    overflow: hidden;
}
.list-relative button{
	position:absolute;
	bottom:10px;
}
.list-relative button.answer{
	left:80px;
}
.list-relative button.remove{
	left:200px;
}
.list-header img{
    width:64px;
    height:64px;
    border-radius:50%;
    float:left;
}
.info {
    float:left;
    margin-left:20px;
    line-height:30px;
}
.info span{
    display:block;
}
.list-body{
    width:85%;
    margin:10px auto 70px;
}
.list-relative button{
    position:absolute;
    right:20px;
    bottom:20px;
}
.pagination>li>a{
	background:#ddd ;
	border:1px solid #dff0d8;
}
.pagination>.disabled>a{
	background-color: #ddd;
	border-color: #dff0d8;
}
.pages{text-align:center;}
